<blockquote class="layui-elem-quote">
  <div class="layui-inline">
    <i class="layui-icon layui-icon-list layui-head-icon"></i>
    <span class="layui-font-16 layui-font-green">角色管理</span>
  </div>
  <div class="layui-pull-right">
    <a class="layui-btn layui-btn-primary layui-border-green" 
    data-url="{:url('/store/auth/role/create')}" 
    data-title="添加角色"
    data-w = "500px"
    data-h = "400px"
    id="add">添加角色</a>
  </div>
</blockquote>
<div class="layui-card">
  <div class="layui-card-body">
    <fieldset class="layui-elem-field">
      <legend>条件搜索</legend>
      <div class="layui-field-box">
        <form class="layui-form layui-form-pane" action="{:url('/store/auth/role')}" method="GET">
          <div class="layui-form-item">    
            <div class="layui-inline">
              <label class="layui-form-label">角色名称</label>
              <div class="layui-input-inline">
                <input type="text" name="keyword"  placeholder="请输入角色名称" autocomplete="off" class="layui-input">
              </div> 
            </div>
            <div class="layui-inline">
              <div class="layui-input-inline">
                <button  class="layui-btn" lay-submit lay-filter="search">搜索</button>
              </div>
            </div>
          </div>
        </form>   
      </div>
    </fieldset>
    <form class="layui-form">
      <table class="layui-table">
        <thead>
          <tr>
          <th>ID</th>
          <th>角色名称</th>
          <th>角色描述</th>
          <th>状态</th>
          <th>创建时间</th>
          <th>更新时间</th>
          <th>操作</th>
          </tr> 
        </thead>
      <tbody>
    
      {foreach $list as $vo}
      <tr>
        <td>{$vo.id}</td>
        <td>{$vo.name}</td>
        <td>{$vo.remark}</td>
        <td>
          {empty name='$vo.status'}
            <span class="layui-font-red">禁用</span>
          {else/}  
            <span class="layui-font-green">启用</span>
          {/empty}
        </td>
        <td>{$vo.create_time}</td>
        <td>{$vo.update_time}</td>
        <td>
            <a class="layui-btn layui-btn-sm layui-btn-warm edit"
              data-url="{:url('/store/auth/role/permission',['id'=> $vo.id])}"
              data-title="分配权限"
              data-w = "800px"
              data-h = "700px">权限</a>
            {empty name='$vo.status'}
              <a class="layui-btn layui-btn-sm layui-btn-primary layui-border-green switch"
                data-url="{:url('/store/auth/role/switch')}"  
                data-status="1" 
                data-id="{$vo.id}">启用</a>
            {else/}  
              <a class="layui-btn layui-btn-sm layui-btn-primary layui-border-red switch"
                data-url="{:url('/store/auth/role/switch')}" 
                data-status="0" 
                data-id="{$vo.id}">禁用</a>
            {/empty}
            <a class="layui-btn layui-btn-sm edit" data-url="{:url('/store/auth/role/edit',['id'=> $vo.id])}" 
              data-title="编辑管理员"
              data-w = "500px"
              data-h = "400px">编辑</a>
            <a class="layui-btn layui-btn-sm layui-btn-danger del" data-url="{:url('/store/auth/role/delete',['id'=> $vo.id])}">删除</a>
        </td>
      </tr>
      {/foreach}
      </tbody>
      </table>
  </form>
  </div>
</div>